html {    font-size:          17px; }

body { direction: rtl; margin: 0px; color: #090908; background-color: #f5f2ea; font-family: 'Assistant', sans-serif; }

table   { 
    padding:            0px; 
    margin:             0px;
}

td  { 
    vertical-align:     top; 
    padding:            0px;
}

p   { 
    direction:          rtl; 
    margin-top:         0px; 
    margin-bottom:      0px; 
}

a   {   }
img { max-width:100%; }
input[type="text"], input[type="password"]  { outline: none; }
input[type="password"] { font-family:Arial; }

textarea    { outline: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'FbMetali'; }



/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer          {  }

#SiteHeaderContainer    { color:#000000; padding:0px; }
#SiteGridContainer { background-color: #f5f2ea; }
#SiteFooterContainer    { background-color: #333333; padding:0px; background-image: url('../../../000Frames/site/images/bg-bottom-grey.png') }

#SiteHeader             { max-width: 1170px; margin-left: auto; margin-right: auto; margin-top:30px; }
#SiteFooter             { max-width: 1170px; margin-left: auto; margin-right: auto; overflow:hidden; }
#SiteGrid { max-width: 100%; padding: 0px; margin: 0 auto; overflow: hidden; }
#PageView { max-width: 470px; margin: 0 auto; }

#GridRight              { float:right; width:250px; margin-left:40px; }
#GridPage               { float:right; width:calc(100% - 290px);}
#GridLeft               { float:right; display:none; }
#GridTop                {  }
#GridContent { padding-bottom: 35px; }
#GridFooter             {  }

#PageLeft               { }
#PageRight              { }
#PageMenu               { }
#PageHeader             { }
#PageContent            { }
#PageKdm                { }
#PageFooter             { }

.topLogo { max-width: 200px; margin: 80px auto 0; }
.bottomLogo { max-width: 110px; margin: 0 auto; }
.social-btns { display: block; margin-top: 20px; text-align: center; }
.social-btns img { height: 20px; }
.social-btns a { margin: 0 10px; }

@media (max-width: 1170px)  { 
    #GridLeft           { display:none; } 
}


@media (max-width: 991px)  { 
    #GridPage               { float:none; width:100%; }
}

@media (max-width:767px) {
     #GridRight {float:none;width:100%; margin:0 auto;}
    #PageView { max-width: 85%; }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) { #side-collapse-menu {width:100%} }

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/

#search_form_header {margin-top: 10px;}
#search_form_header_input_continer { float: left; margin-left: 15px; }

@media(max-width:767px){
#search_form_header_input_continer       { text-align: center;display: inline-block;margin: 0 auto;width: 100%; }
#search_form_header_input                { display:inline-block; }
#search_form_header_submit               { width: 40px;display: inline-block; }
}



/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel {border:0px; border-radius:0; border-top:1px solid #ECECEC;box-shadow:none; -webkit-box-shadow:none;padding:14.5px 0; margin:0;   }
.accordion .panel:nth-child(2n) {background-color:#EDEDED;}
.accordion .panel:last-child {border-bottom:1px solid #ddd;}
.accordion .panel-title {width:95%;}
.accordion .panel-title>a { width: 100%; right: 0; top: 0;  font-size:24px; font-family:'RaananSuperRegular'; }
.accordion .panel-title>a:hover { text-decoration:none; }
.accordion .panel-title>a:focus { text-decoration:none; }
.accordion .panel-collapse.collapse.in {   }
.accordion .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd; position:relative; margin-bottom:10px; margin-top:10px; margin-right:15px; } 
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0;border-radius: 0px; }
.accordion .panel-title>a:after { content: " "; display: block;width: 20px; height: 20px; float: left; background-image:url('../../../000Frames/site/images/plus.png');background-position: center center; background-repeat: no-repeat; }
.accordion .panel-title > a[aria-expanded~=true]:after {background: url('../../../000Frames/site/images/minus.png'); background-repeat: no-repeat; background-position: center center;  }
.panel.panel-default div p { font-size: 21px; padding-right: 50px; padding-left: 165px; line-height: 27px; /*padding-top: 20px; padding-bottom: 20px;*/ }

@media(max-width:767px){
    .panel.panel-default div p {padding-left:0;padding-right:30px;padding-top:5px;width:90%;}
    .accordion .panel-title>a:after {position:absolute;left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default>.panel-heading {padding-right:0;}
    .accordion .panel-title>a {padding-right:0; font-size:20px;font-weight:bold;}
}


/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px;margin-bottom: 30px; direction:ltr;}
.owl-nav {  }
.owl-item {text-align:center; height:400px; overflow:hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) { 
.owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important;
 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); 
                }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader {position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10;}
.lightbox-gallery .lightbox-gallery-item

/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/

.lightbox-galleryVideo .lightbox-gallery-loader {position: absolute; top: 50%; left: 50%; z-index: 10;}
.lightbox-galleryVideo .lightbox-gallery-item {}


.popUpVideo .modal-header {border:none;}

.popUpVideo .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.popUpVideo .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.popUpVideo .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    background: none;
    box-shadow: 0px 0px 0px;
    border: none;
}


.popUpVideo .modal-body iframe {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.popUpVideo .modal-backdrop.fade.in {
    z-index: 0;
}
.popUpVideo .close {opacity:1 !important; color:#fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps    { margin-bottom: 30px; }

@media(max-width:991px){#PageBreadCrumps{margin-bottom:10px;margin-top:10px;}}
    
#PageBreadCrumps a:link         { 
    background-image: url('../images/breadcrumbs-arrow.png');
    color: #5A5B5E;
    text-decoration: none !important;
    display: inline-block; 
    padding-right: 25px; 
    background-repeat: no-repeat; 
    background-position: right 10px top 7px; 
}

#PageBreadCrumps a:first-child  { background-image: none; padding-right: 0; }
#PageBreadCrumps a:visited      { color: #5A5B5E; text-decoration: none !important; font-size: 100%; }    
#PageBreadCrumps a:hover        { color: #5A5B5E; text-decoration: underline; font-size: 100%; }



/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu              {  }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default {border:0; background-color:transparent;}
#rightMenu .navbar {min-height:0; margin-bottom:0;}
#rightMenu .navbar-header {float:right;}

@media(max-width:767px){ #rightMenu .navbar-header {float: none; width: 100%; margin: 0;} }
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form {
    position:relative;
}

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error {
    display: none;
    color: #BA975D;
    z-index: 9999;
}

.mrw-dynamic-form .form-messages {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255,255,255,0.8);
}

.mrw-dynamic-form .form-messages { height: 95px; bottom: 0; top: unset; }

.mrw-dynamic-form .error-message    { color:red; display:none; }
.mrw-dynamic-form .mrw-form-label   { font-weight:normal; }
.mrw-dynamic-form .form-group > div { margin-bottom:15px; }
.mrw-dynamic-form .form-control {
    border: 1px solid silver;
    color: #000;
    background: none;
    font-size:100%;
    padding-right: 10px;
    position: relative;
 }

.mrw-dynamic-form label.error      { color:red; position:absolute; top:0px; left:15px; font-weight:normal; }
.mrw-dynamic-form .form-control.error { border-color:red; }


/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/

#contact-form-wiget fieldset > div { margin-bottom: 22px; width: 100%; }
#contact-form-wiget fieldset > div.inner-title h3 { position: relative; text-align: center; font-size: 215%; margin: 0; padding-bottom: 15px; margin-top: 25px; margin-bottom: 5px; }
#contact-form-wiget fieldset > div.inner-title h3:before { content: ""; position: absolute; bottom: 0; left: 50%; width: 100px; height: 12px; background-image: url(../images/Deco.png); background-repeat: no-repeat; background-size: contain; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#contact-form-wiget .mrw-form-label { position: absolute; top: 14px; right: 30px; z-index: 1; margin: 0; font-size: 115%; pointer-events: none; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
#contact-form-wiget input[type="date"] ~ .mrw-form-label { right: 50px; }
#contact-form-wiget .form-control { height: 48px; border: solid 1px #c2c2c2; background-color: #ffffff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;  background-repeat: no-repeat; background-position: 20px center; background-size: 8px; }
    #contact-form-wiget .form-control.timeInput { width: auto; display: inline-block; padding: 6px; text-align: center; }
#contact-form-wiget textarea.form-control { height: 120px; }
#contact-form-wiget select.form-control { background-image: url(../images/Arrow.png); font-size: 115%;  }
#contact-form-wiget input[type="date"] { text-align: right; color: transparent; background-image: url(../images/Date.png); background-size: 17px; background-position: 15px center; }
#contact-form-wiget input[type="date"]:focus, #contact-form-wiget input[type="date"].focus { color: #000; }  
#contact-form-wiget .form-submit { width: 135px; height: 47px; color: #fff; background-color: #090908; border: none; box-shadow: none; font-size: 115%; margin-top: 15px; }

#contact-form-wiget .form-control:focus ~ label.mrw-form-label, #contact-form-wiget .form-control.focus ~ label.mrw-form-label { top: -20px; right: 15px; font-size: 100%; color: #7c7c7c; padding: 0; }

.error { color: red; }

@media(max-width: 767px) {
    #contact-form-wiget fieldset > div { margin-bottom: 20px; }
    .topLogo { max-width: 180px; margin: 60px auto 0; }
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/
#loginBox { text-align: center; background-color: #1c1c1c; padding: 15px; }

#loginBox .loginBox-guest-hello     { color:#F68B1F; line-height:24px; margin-bottom:10px; }
#loginBox .firstSentence      { font-size:130%; }
#loginBox .secondSentence     { font-size:165%; }

#loginBox #LoginBox-Buttons         { padding-top:20px; }
#loginBox #LoginBox-Buttons a       { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; margin:0px 5px; text-decoration:none; cursor:pointer; }

#loginBox #LoginBox-SignIn          {  width:100%; margin-left:auto; margin-right:auto;  overflow:auto; }
#loginBox #LoginBox-SignIn .login-field     { margin-bottom:12px; border-radius:3px; border: none; width:100%; padding:5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit    { float:left; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:120%; padding:2px 18px; cursor:pointer; text-decoration:none; }

#loginBox #LoginBox-SignIn .forgetPass      { float:left; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }
#loginBox #LoginBox-SignIn .user-register      { float:right; text-decoration:underline; color:#F68B1F; padding-top:10px; font-size:90%; }

#loginBox .loginBox-user-hello      { color:#F68B1F; line-height:24px;  }
#loginBox .loginBox-user-buttons    { padding-top:20px; }
#loginBox .loginBox-user-buttons a  { display:inline-block; background-color:#F68B1F; border:1px solid #FFF; border-radius:5px; color:#FFF; font-size:110%; padding:2px 12px; margin:0px 2px; text-decoration:none; cursor:pointer; margin-bottom:10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 200px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}


/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor         { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
#headline       { }
#headline h1 { font-size: 157%; text-align: center; margin: 35px 0; line-height: 1; }

#subheadline h2 { margin: 0; padding: 0; font-size: 130%; color: #59595B; font-weight: normal; margin-bottom:10px;  }

#writer         { margin-bottom: 5px; font-weight: normal; }
#text1          { margin-top: 20px; margin-bottom:  20px; }
#text1 strong   { }
#text1 b        { }

#video          { margin-bottom:  20px; }
#video video    { width: 100%; height: auto; }

#remarks        { font-size: 90%; }

h3              {  }
h4              {  }

.picD           { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#lobby          { margin-bottom:30px; }



/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg   { margin: 0px; }

.no-pad    { padding: 0px; }

.p-vert    { display: table; }

.c-vert    { display: table-cell; vertical-align: middle; }

.f-h       { height: 100%; }

.f-w       { width: 100%; }

.margin-auto { margin:0 auto }

@media (max-width: 767px)  { 
    .row            { margin:0px -5px; }
    .row > div      { padding:0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align   { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center  { display: table-cell; vertical-align: middle; pointer-events: none; text-align:center; }

#mrw-modal-1    { }
#mrw-modal-1 .modal-content     { border-radius:0px; background-color:transparent; display:inline-block; pointer-events: all; }







/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center;  }
.grid-view .grid-box-image      { padding-bottom:56%; position:relative; overflow:hidden; }
.grid-view .grid-box-image a    { display:block; position:absolute; left:0px; bottom:0px; right:0px; top:0px; }
.grid-view .grid-box-image img  { margin: 0 auto; max-width:100%; }



.grid-view.center-elements .row         { font-size:0px; text-align:center; }
.grid-view.center-elements .row > div   { display:inline-block; float:none !important; vertical-align:top; font-size:1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/

@font-face {
    font-family: 'FbMetali';
    src: url('../../../000Frames/site/fonts/Metali/metaliregularwebfont.eot');
    src: url('../../../000Frames/site/fonts/Metali/metaliregularwebfont.eot?#iefix') format('embedded-opentype'),
         url('../../../000Frames/site/fonts/Metali/metaliregularwebfont.woff') format('woff'),
         url('../../../000Frames/site/fonts/Metali/metaliregularwebfont.ttf') format('truetype'),
         url('../../../000Frames/site/fonts/Metali/metaliregularwebfont.svg#FbMetali') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

#popup-modal .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    z-index:99999;
}
    
#popup-modal .modal-header {
    border: none;
    padding: 0px;
}

#popup-modal .close {
    display: block;
    float: none;
    margin: 0 auto;
    opacity: 1;transform: translateX(-50%);-webkit-transform:translateX(-50%);
    left: 50%;right:auto; 
}

#popup-modal .close span {
    color: #fff;
}

#popup-modal .modal-body {
    text-align: center;
}

#popup-modal .modal-content {
    border: 0px;
    background-color: transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;width: auto;
    max-width: 90vw;
}


.vertical-alignment-helper { display: table; height: 100%;width: 100%; }
.vertical-align-center     { display: table-cell;vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery       { position:relative; min-height:250px; }
.lightbox-gallery-item  { display:none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery>.close, .blueimp-gallery>.title    { top:65px; display:block; }
.blueimp-gallery a.next         { display:block !important; }
.blueimp-gallery a.prev         { display:block !important; }
.blueimp-gallery ol.indicator   { display:block !important; }
.blueimp-gallery a.play-pause   { display:block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider {
    border: none;
    background: none;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -o-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    overflow:hidden;
}

.flexslider .flexslider-item {
    display: block;
    /*min-height: 200px;*/
    padding-bottom: 40%;
    background-size: cover;
    background-position: center center;
}

.flexslider .flex-control-nav { bottom:20px; z-index:2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item {position:relative;}
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff;font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%;}


@media(max-width:767px) {
.flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/

#SiteFooter .footerContact              { color: #fff; margin-top:60px; margin-bottom:40px; }
#SiteFooter .footerBlockTitle           { text-align:center; font-size: 140%; }
#SiteFooter .footerBlockContent         {}

/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooter { padding: 20px; }

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {

.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align:center; }
.bootbox .modal-footer button { margin:10px; }
.bootbox .modal-footer .btn+.btn {margin-bottom:10px;}
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

.thanksMessage { text-align: center; margin: 15vh 0; }
.thanksMessage h2 { font-weight: bold; font-size: 230%; }
.thanksMessage p { font-size: 130%; }
.thanksMessage span { font-size: 114%; margin-right: 2px; }

@media(max-width:767px) {
    .bootbox .modal-dialog { width: 80%; }
    .thanksMessage { max-width: 90%; margin: 10vh auto; }
    .thanksMessage p { font-size: 110%; margin-bottom: 10px; margin-top: 15px; }
    .thanksMessage span { font-size: 110%; }
    .thanksMessage h2 { font-size: 215%; }
}